<template>
	<view>
		 <view class="sure-masker" v-if="successflag">
		 	<view class="sure-masker-info">
		 		<view class="show-info">
					<view class="img">
						<image style="width:180upx;height:128upx" src="../../static/temp/complate.png" mode=""></image>
					</view>
		 			<view class="title">祝贺你成功选定房源</view>
					<view class="simple-desc">房号为：{{homeName}}</view>
					
					<view class="go-btn" @click="eventClick">查看我的房源</view>
		 		</view>
		 	</view>
		 </view>
	</view>
</template>

<script>
	export default {
		name: 'buy_success_model',
		data() {
			return {
				
			}
		},
		props: {
			successflag: {
				type: Boolean,
				default: false
			},
			homeName:''
			
		},
		methods: {
			eventClick(){
				this.$emit('eventClick');
			}
		},
	}
</script>

<style lang='scss'>
/* 房号弹框 */
	.sure-masker {
	  position: fixed;
	  bottom: 0;
	  top: 0;
	  left: 0;
	  right: 0;
	  background: rgba(0, 0, 0, 0.5);
	  
	  .sure-masker-info {
	    width: 100%;
	    z-index: 100;
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    margin: auto;
		
		.show-info{
			z-index: 1000;
			background: #FFFFFF;
			position: fixed;
			bottom: 30%;
			width: 70%;
			margin-left: 15%;
			padding:20upx 20upx;
			
			.img{
				display:flex;
				justify-content: center;
			}
			.title{
				display:flex;
				justify-content: center;
				font-size: 20px;
				font-weight: 700;
			}
			.simple-desc{
				display:flex;
				justify-content: center;
				color: #666;
				margin: 20upx 0;
			}
			.go-btn{
				background: $topic-color;
				color: #fff;
				padding: 20upx 0;
				display: flex;
				justify-content: center;
			}
			
		}
		
	  }
		
		
	}
</style>
